<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>贷款管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
		$(document).ready(function() {
			
		});
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#searchForm").submit();
        	return false;
        }
		var WEBROOT={};
		WEBROOT.ctx="${pageContext.request.contextPath}${fns:getAdminPath()}";
		WEBROOT.ctxStatic="${pageContext.request.contextPath}"+"/static";
	</script>
	<link href="${ctxStatic}/css/common.css" type="text/css" rel="stylesheet" >
	<script src="${ctxStatic}/echarts/echarts.min.js"></script>
	<%@include file="/WEB-INF/views/include/treeview.jsp" %>
	<script src="${ctxStatic}/js/charts.js"></script>
	<script src="${ctxStatic}/js/statistics.js"></script>
	
	<style type="text/css">
		.hide{display: none;}
		.ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
		.panel-box{border-top: 2px solid #FBA222;}
		.panel-box h4{margin-bottom: 25px;margin-top: 25px;}
		.panel-box h4 a{padding-left: 30px;padding-right: 30px;}
		.panel-box h4 a:hover{color:#FBA222;}
		.panel-box h4 .active{color:#FBA222;}
		.panel-box .alert{padding-top: 20px;padding-bottom: 20px;overflow: hidden;margin-bottom: 0px;}
		.panel-box .alert a{background: #FFFFFF;color:#000;text-decoration:none; font-size: 16px;padding: 10px 30px;border:1px solid #DDDFDE;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;margin: 0px 20px;display: inline-block; !important}
		.panel-box .alert a:hover{color: #00C0EF;border-color: #00C0EF;}
		.panel-box .alert .active{color: #00C0EF;border-color: #00C0EF;}
		.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body{border-top: none;}
	</style>
</head>
<body>
	<ul class="nav nav-tabs">
		<li ><a href="${ctx}/sys/statistics">用户增长量统计</a></li>
		<li ><a href="${ctx}/sys/statistics/customPay">申请数统计</a></li>
		<li class="active"><a href="${ctx}/sys/statistics/serviceCharge">用户缴费统计</a></li>
		<li ><a href="${ctx}/sys/statistics/finishLoan">用户下款统计</a></li>
		<li ><a href="${ctx}/sys/statistics/refund">用户退款统计</a></li>
	</ul>
	
	<div id="content" class="row-fluid">
		<div id="left" style="width: 25%" class="accordion-group">
			<div class="accordion-heading">
		    	<a class="accordion-toggle">按公司或部门选择<i class="icon-refresh pull-right" onclick="refreshTree();"></i></a>
		    </div>
			<div id="ztree" class="ztree"></div>
			
			<div class="accordion-heading">
		    	<a class="accordion-toggle">按部门人员选择<i class=" pull-right"></i></a>
		    </div>
		    	<iframe id="officeContent" src="${ctx}/sys/statistics/userlist"  width="100%" height="500px" frameborder="0"></iframe>
		    	<input type="hidden" id="officeContentHidden" data-type="3">
		</div>
		<div id="right" style="width: 74%" >
		<form id="queryForm">
							<div class="panel panel-default panel-box">
								<div class="panel-head" style="min-height: 200px;">
								<h4 class="text-center" id="target_title" style="color: #000;" data-office-id="${company.id}" data-office-oruser="office">${company.name}(公司)统计数据</h4>
								<h4 id="day_range" class="list-unstyled text-center">开始天数：<input class="day" onClick="WdatePicker()" value="${startDate}"   class="required" name="startDate" type="text"> &nbsp; 结束天数：<input  class="day" value="${endDate}" name="endDate" onClick="WdatePicker()" type="text"/></h4>
							  	<h4 id="week_range" class="list-unstyled text-center hide">开始周数：<input class="week" value="${startWeekText }" data-week="${startWeek}"  data-date="${startWeekDate}" name="startWeek" type="text"/> &nbsp; 结束周数:<input class="week" value="${endWeekText }" data-date="${endWeekDate}" data-week="${endWeek}"   name="endWeek" type="text"/></h4>
							  	<h4 id="month_range" class="list-unstyled text-center hide">开始月份：<input class="month" value="${startMonth }"    name="startMonth" type="text"/> &nbsp; 结束月份:<input class="month"  value="${endMonth }" name="endMonth" type="text"/> </h4>
								<h4  class="list-unstyled text-center">
							  		<a class="active animal charts-choose-range" data-range="1" href="javascript:void(0);">按天统计</a>
							  		<a class="animal charts-choose-range" data-range="2" href="javascript:void(0);">按周统计</a>
							  		<a class="animal charts-choose-range" data-range="3" href="javascript:void(0);">按月统计</a>
							  	</h4>
								</div>
								<div class="panel-body" >
									<div id="charts" style="height: 500px;"></div>
							   </div>
						</div>
		</form>
		</div>
	</div>
	
</body>
</html>